<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <a class="brand" href="#/home">Redes Sociales Indigenas</a>
            <div class="nav-collapse">
                <ul class="nav">
                    <li class="home-menu"><a href="#/home">Home</a></li>
                    <li class="project-menu"><a href="#/project">El Proyecto</a></li>
                    <li class="members-menu"><a href="#/members">Integrantes</a></li>
                    <li class="results-menu"><a href="#/results">Resultados</a></li>
                </ul>                
                <% if (typeof username == 'undefined' || username == 'null') { %>
                <ul class="nav pull-right">
                    <li class="dropdown">
                        <a class="dropdown-toggle" href="#" data-toggle="dropdown">Registrarse <strong class="caret"></strong></a>
                        <div class="dropdown-menu" style="padding: 15px; padding-bottom: 0px;">
                            <form accept-charset="UTF-8">
                                <input style="margin-bottom: 15px;" type="text" placeholder="Usuario" id="username" name="r-username">
                                <input style="margin-bottom: 15px;" type="password" placeholder="Contraseña" id="password" name="r-password">
                                <input style="margin-bottom: 15px;" type="password" placeholder="Repite Contraseña" id="re-password" name="r-re-password">
                                <input style="margin-bottom: 15px;" type="text" placeholder="Nombre" id="name-first" name="r-name-first">
                                <input style="margin-bottom: 15px;" type="text" placeholder="Apellido" id="name-last" name="r-name-last">
                                <input style="margin-bottom: 15px;" type="email"  placeholder="eMail" id="email" name="r-email">
                                <input class="btn btn-primary btn-block" type="submit" id="registerButton" value="Registrar">
                            </form>
                        </div>
                    </li>
                    <li class="dropdown">
                        <a class="dropdown-toggle" href="#" data-toggle="dropdown">Ingresar <strong class="caret"></strong></a>
                        <div class="dropdown-menu" style="padding: 15px; padding-bottom: 0px;">
                            <form accept-charset="UTF-8">
                                <input style="margin-bottom: 15px;" type="text" placeholder="Usuario" id="username" name="username">
                                <input style="margin-bottom: 15px;" type="password" placeholder="Contraseña" id="password" name="password">
                                <input style="float: left; margin-right: 10px;" type="checkbox" name="remember-me" id="remember-me" value="1">
                                <label class="string optional" for="user_remember_me"> Recordarme</label>
                                <input class="btn btn-primary btn-block" type="submit" id="loginButton" value="Ingresar">
                            </form>
                        </div>
                    </li>
                </ul>
                <% } else { %>
                <ul class="nav pull-right">
                    <li class="indinet-menu"><a href="#/indinet">IndiNet</a></li>
                    <li class="dropdown">
                        <a class="dropdown-toggle" href="#" data-toggle="dropdown"><%= username %><strong class="caret"></strong></a>
                        <div class="dropdown-menu" style="padding: 15px; padding-bottom: 0px;">
                            <form accept-charset="UTF-8">
                                <input class="btn btn-primary btn-block" type="submit" id="myAccountButton" value="Mi Cuenta">
                                <input class="btn btn-primary btn-block" type="submit" id="logoutButton" value="Salir">
                            </form>
                        </div>
                    </li>
                </ul>
                <% } %>
                <img class="ajax-loader" src="img/ajax-loader.gif" alt="Loading..." />
            </div><!--/.nav-collapse -->
        </div>
        </div>
</div>